<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
    String contextPath = (String) request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css"
	href="http://www.ynicity.cn:80/ecity-web/pages/yunnan/login/login/css/reset.css"
	rel="stylesheet" />
<link rel="stylesheet" href="<%=contextPath %>/css/style.css"
	type="text/css" />
<link rel="stylesheet" href="<%=contextPath %>/css/home.css"
	type="text/css" />
<link rel="stylesheet" type="text/css"
	href="<%=contextPath %>/js/jquery-easyui-1.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="<%=contextPath %>/css/rs.css">
<link rel="stylesheet" type="text/css"
	href="<%=contextPath %>/js/jquery-easyui-1.3/themes/icon.css">
<script type="text/javascript"
	src="<%=contextPath %>/js/jquery-easyui-1.3/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="<%=contextPath %>/js/jquery-easyui-1.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="<%=contextPath %>/js/jquery-easyui-1.3/locale/easyui-lang-zh_CN.js"></script>
<script>
    //保存

function saveWnd()
{
	   //校验
	   var loginId = $("#loginId").val();
	   var password = $("#password").val();
	   var id = $("#id").val();
	   var userName=$("#userName").val();
	   var confirmPassword = $("#confirmPassword").val();
	   
	   var checkedValues = new Array();
		$('#chklist :checkbox').each(function(){
			if($(this).is(':checked'))
			{
				checkedValues.push($(this).val());
			}
		});
       var prems = checkedValues.join(',');
	   if (password != confirmPassword) {
		   $.messager.alert('提示','两次填写的密码不一致！');
		   return false;
	   }
	   if(userName.length <1){
		   $.messager.alert('提示','请输入登录名！', 'info');
		   return false;
	   } else if(password.length<1){
		   $.messager.alert('提示','请输入密码！', 'info');
		   return false;
	   } else if(prems.length < 1){
		   $.messager.alert('提示','系统权限不能为空！', 'info');
		   return false;
	   } else {
		   $.ajax({
			   type: "POST",
			   url: "<%=contextPath%>/userLogin.do?method=addUser",
			   data: "loginId="+loginId+"&name="+userName+"&password="+password+"&prems="+prems+"&id="+id+'&pageNumber=1&pageSize=10',
			   success: function(data){
				   var obj = JSON.parse(data); 
				   //弹出保存提示
				   $.messager.alert('提示',obj.msg);
				   if (obj.againFlag != "1") {
				       $('#wndAddForm').window("close");
				       $('#dataTable').datagrid(data.rows);
				   }
				   
			   }
			});
	   }
}
function closeWnd()
{
	$('#wndAddForm').window("close");
}

	var cur_pageSize=10;
	var cur_pageNumber=1;

// 这个函数就相当在document.ready().
// 这种匿名、自启动函数，是js中的一个非常有特别的实现方法。
// 特别是在jquery ueasyui中初始化控件，很多都是这样实现，而不是直接将控制的属性放到data-option中。
// 还有像formatter,handler,onRefresh,onBeforeRefresh,onSelectPage这些函数其实有更灵活的方法。
// JS 中函数也是对象，利用好这一点，代码就更整洁，也不会出现大函数。
/**
 * 如在下:
	 // 这个就是document.ready.
 $(function() {
	 $(p).pagination( {
			onRefresh : pnOnRfresh,
		    onSelectPage:pnOnSelectPage
			});	
}
在外面定义两个函数.
function pnOnRfresh()
{
	// TODO 
}

function pnOnSelectPage()
{
	// TODO 
}
 */
$(function() {
	$('#dataTable').datagrid({
		title : '管理员查询',
		height : 480,
		nowrap : true,
		autoRowHeight : false,
		striped : true,
		collapsible : false,
		url : '<%=contextPath%>/userLogin.do?method=userList&pageNumber='+cur_pageNumber+'&pageSize='+cur_pageSize,
	sortName : 'name',
	sortOrder : 'desc',
	remoteSort : false,
	idField : 'id',
	columns : [ [ 
	{
		field : 'ck',
		checkbox : true
	}, {
		title : 'ID',
		field : 'id',
		width : 80,
		sortable : true
	}, {
		field : 'login_id',
		title : '登录名',
		width : 100
	}, {
		field : 'name',
		title : '名称',
		width : 100,
		sortable : true
	},{
		field : 'login_time',
		title : '最近登录时间',
		width : 120,
		formatter : function(value, data, index) {
			return (data.login_time.year + 1900)
					+ "-"
					+ (data.login_time.month + 1)
					+ "-"
					+ (data.login_time.date)
					+ " "
					+ (data.login_time.hours)
					+ ":"
					+ (data.login_time.minutes)
					+ ":"
					+ (data.login_time.seconds);
		}
	}, {
		field : 'perms',
		title : '权限',
		hidden : true
	}, {
		field : 'password',
		title : '密码',
		width : 60,
		hidden : true
	},

	{
		field : 'opt',
		title : '操作',
		width : 100,
		align : 'center',
		rowspan : 2,
		formatter : function(value, data, index) {
			return '<a style="color:red" onClick="editSingle('+data.id+')">编辑</a> <a style="color:red" onClick="deleteSingle('+data.id+')">删除</a>';
		},
		hidden:true
	} ] ],

	collapsible:false,//是否可折叠的  
	pagination:true,//分页控件  
    rownumbers:true,//行号  

	toolbar : [ {
		id : 'btnadd',
		text : '新增',
		iconCls : 'icon-add',
		handler : function() {
			$('#wndAddForm').window('open');
			//$("#addForm")[0].reset();
			$("[name='checkbox']").removeAttr("checked");
			$('#btnsave').linkbutton('enable');
			//$('#wndAdd').window('open');
			
		}
	},{
		id : 'btnedit',
		text : '编辑',
		iconCls : 'icon-edit',
		handler : function() {
			var rows = $('#dataTable').datagrid('getSelections'); 
			//判断是否选择行
			if (!rows || rows.length == 0) { 
				$.messager.alert('提示', '请选择需要修改的数据!', 'info'); 
				return; 
			} else {
				if (rows.length == 1) {
					editSingle(rows[0].id);
				} else if (rows.length>1) {
					$.messager.alert('提示', '请选择一条数据进行修改!', 'info'); 
					return;
				}
		    }
		}
	},{
		id : 'btncut',
		text : '删除	',
		iconCls : 'icon-cut',
		handler : function() {
			//获取表格选择行
			var rows = $('#dataTable').datagrid('getSelections'); 
			//判断是否选择行
			if (!rows || rows.length == 0) { 
				$.messager.alert('提示', '请选择要删除的数据!', 'info'); 
				return; 
			} 
			 var parm; 
			//循环给提交删除参数赋值
			$.each(rows, function (i, n) { 
			if (i == 0) { 
			   parm = "id=" + n.id; 
			} else { 
			   parm += "&id=" + n.id; 
			} 
			}); 
			parm += '&pageNumber='+cur_pageNumber+'&pageSize='+cur_pageSize;
			$.messager.confirm('提示', '是否删除选中数据?', function (r) {
				if (!r) { 
					return; 
                     } 
				//提交
				$.post('<%=contextPath%>/userLogin.do?method=deleteUser', parm, 
				function (data) {
					var obj = JSON.parse(data); 
					$.messager.alert('提示', obj.Message, 'info');
					$('#dataTable').datagrid(data.rows);
			   }); 
			});  

			
		}
	}  
	]
});

/* 	var p = $('#dataTable').datagrid('getPager');
$(p).pagination({
	onBeforeRefresh : function() {
		alert('before refresh');
	}
});  */
	
var p = $('#dataTable').datagrid('getPager');
$(p).pagination( {
	onRefresh : function() {
		var parm;
		parm='pageNumber=1&pageSize='+cur_pageSize;
		$.post('<%=contextPath%>/userLogin.do?method=userList',
				parm,
				function(msg) {
					$('#dataTable').datagrid('clearSelections');
					//重新加载当前页
					$('#dataTable').datagrid(msg.rows);
				}
			);
	},
    onSelectPage:function(pageNumber,pageSize){
		cur_pageSize=pageSize;
		cur_pageNumber=pageNumber;
		var parm;
		$('#dataTable').datagrid('clearSelections');
		parm='pageNumber='+pageNumber+'&pageSize='+pageSize;
		$.post('<%=contextPath%>/userLogin.do?method=userList',
					parm,
					function(msg) {
						//重新加载当前页
						$('#dataTable').datagrid(msg.rows);
					}
				);
	    }
	});	

	$('#wndAddForm').window({
		title : "添加用户",
		width : 600,
		height : 400,
		collapsible : false,
		minimizable : false,
		maximizable : false,
		draggable : true,
		resizable : true,
		closed: true,
		modal : true
	});
});
	
	//编辑用户
	function editSingle(id){
		//表单重置  
		$("#addForm")[0].reset();
		$("[name='checkbox']").removeAttr("checked");
		$.ajax({
			   type: "POST",
			   url: "<%=contextPath%>/userLogin.do?method=userList",
			   data: "id="+id + '&pageNumber='+cur_pageNumber+'&pageSize='+cur_pageSize,
			   success: function(data){
				  var obj = JSON.parse(data); 
				  if(data != null){
					    $('#btnsave').linkbutton('enable');
						$('#wndAddForm').window('open',{'title':'编辑用户'});
				  }
				  $("#id").val(obj.rows[0].id);
				  $("#userName").val(obj.rows[0].name);
				  $("#loginId").val(obj.rows[0].login_id);
				  //$("#password").val(obj.rows[0].password);
				  //$("#confirmPassword").val(obj.rows[0].password);
				  var str = obj.rows[0].perms;
				  var array = str.split(',');
				  for(var i = 0 ;i<array.length; i++){
					  if(array[i]==1){
						  $("#one").attr('checked','checked');
					  }
					  if(array[i]==2){
						  $("#two").attr('checked','checked');
					  }
					  if(array[i]==3){
						  $("#thr").attr('checked','checked');
					  }
					  if(array[i]==4){
						  $("#four").attr('checked','checked');
					  }
				  }
			   }
		  		
			});
	}
	//删除用户
	function deleteSingle(id){
		var parm;
		parm ='id='+id + '&pageNumber='+cur_pageNumber+'&pageSize='+cur_pageSize;
		$.messager.confirm(
				'提示',
				'确定删除?',
				function(r) {
					if (!r) {
						return;
					}
				$.post('<%=contextPath%>/userLogin.do?method=deleteUser',
				parm,
				function(msg) {
					 $('#dataTable').datagrid(msg.rows);
				});
		});
	}	
	
	
</script>
<title>Insert title here</title>
</head>
<body>
	<!-- <div id="dataTable"></div> -->
	<table id="dataTable" width="98%" >
	</table>
	<div id="wndAddForm" class="easyui-window" style="width:600px;height:400px;
	data-options="collapsible : false, minimizable : false,maximizable : false,draggable : false,resizable : false,modal : true">
			<div class="admin_search mAtuo"
			style="width: 520px; background-color: #fff;">
			<form id="addForm" action="">
				<input type="hidden" id="id" name="id" value="">
				<table>
					<tr>
						<td class="textr w80"><font color="red">*</font>登录名：</td>
						<td class="w120"><input type="text" id="loginId" name="loginId"
							maxlength="20" class="admin-input" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"></td>
					</tr>
					<tr>
						<td class="textr w80"><font color="red">*</font>密码：</td>
						<td class="w120"><input type="password" id="password"
							name="password" maxlength="20" class="admin-input">
					</tr>
					<tr>
					    <td class="textr w80"><font color="red">*</font>确认密码：</td>
						<td class="w120"><input type="password" id="confirmPassword"
							name="confirmPassword" maxlength="20" class="admin-input"></td>
					</tr>
					<tr>
						<td class="textr w80"><font color="red">*</font>名称：</td>
						<td class="w120"><input type="text" id="userName" name="name"
							maxlength="20" class="admin-input"></td>
					</tr>
					<tr>
						<td class="textr w80"><font color="red">*</font>系统权限：</td>
						<td>
							<div id="chklist">
								       <input type="checkbox" id="one" name="checkbox" value="1" />预约管理
								&nbsp; <input type="checkbox" id="two" name="checkbox" value="2" />专家管理
								&nbsp; <input type="checkbox" id="thr" name="checkbox" value="3" />系统管理
								&nbsp; <input type="checkbox" id="four" name="checkbox" value="4" />排班管理
								&nbsp;
							</div>
						</td>

					</tr>
					<br />
				</table>
			<br /> <br />
			<div style="text-align: center;">
				<input type="button" id="saveBtn" name="submit" onclick="saveWnd()" value=" 确 认"
					class="admin-btn">&nbsp;
					<input type="submit" id="closeBtn"
					name="submit" value=" 关 闭" class="admin-btn"  onclick="closeWnd()">
			</div>
			</form>
			</div>
	</div>
	
</body>